.white {
	color: #fff
}
.whiteBG {
	background-color: #fff
}
.green {
	color: #90c429
}
.greenBG {
	background-color: #90c429
}
.blue {
	color: #00a3e0
}
.blueBG {
	background-color: #00a3e0
}
.darkBlue {
	color: #005587
}
.darkBlueBG {
	background-color: #005587
}
.gray {
	color: #aaa
}
.grayBG {
	background-color: #aaa
}
a.blue {
	color: #00a3e0
}
a.blue:hover {
	color: #005587
}
@media only screen and (max-width:479px) {
	.hidden-xxs {
		display: none
	}
}
.navbar {
	border-radius: 0
}
.navbar .active:after {
	content: "";
	height: 2px;
	background: #90c429;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}
.navbar-inverse {
	background-color: #000!important;
	border: none
}
.navbar-toggle {
	color: #fff;
	border: none!important
}
.navbar-text {
	font-weight: 300;
	color: #fff!important
}
.modalBox {
	display: none;
	position: fixed;
	z-index: 2000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}
.modalBox .whitebutton {
	margin-bottom: 1em
}
.modalBox button {
	width: 50%;
	color: #000;
	background-color: #fff;
	border: 2px solid #000;
	padding: .5em;
	text-align: center
}
.modalBox button:hover {
	background-color: #00a3e0;
	border-color: #00a3e0;
	color: #fff
}
.modalBox button:hover .fa-chevron-right {
	color: #000
}
.modalBox-content {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin: 2em auto;
	padding: 20px;
	border: none
}
.modalBoxBG {
	background-image: url("http://images.info.deloitte.ca/EloquaImages/clients/DeloitteManagementServicesLP/%7Bea3c6c51-7d09-46ce-a784-b1e8a149f059%7D_modal-bg.jpg");
	background-size: cover;
	background-position: 100% 0;
	padding: 2em
}
img {
	display: none
}
body {
	font-family: Open Sans, serif
}
.whitebutton, body {
	background-color: #fff
}
.whitebutton {
	color: #000;
	border: 2px solid #000
}
#toggler {
	position: absolute;
	background-color: transparent;
	width: 100%;
	height: 100%;
	z-index: 200;
	margin: 0 auto;
	padding: 0 45px;
	cursor: pointer
}
#playerToggles {
	position: absolute;
	bottom: 0;
	display: none;
	color: #fff;
	font-size: 2em;
	float: right;
	padding: .5em
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#playerToggles {
		bottom: 0;
		left: .5em
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#playerToggles {
		bottom: .5em;
		left: 0
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#playerToggles {
		bottom: .5em;
		left: 0
	}
}
@media only screen and (max-width:479px) {
	#playerToggles {
		bottom: 0;
		left: 0
	}
}
#playerToggles i {
	opacity: .5;
	cursor: pointer;
	width: 1.25em
}
#playerToggles i:hover {
	opacity: 1
}
.plyr {
	transition-property: opacity;
	transition-duration: .5s
}
.v-center {
	display: flex;
	align-items: center
}
.darkBar {
	margin: 2em 0 0;
	height: 2em;
	background-color: #2b2b2b
}
button {
	border: none
}
a[href="#"], a[href="#"] button {
	border: 2px solid red!important
}
#play-button {
	display: inline-block;
	margin-top: .5rem;
	vertical-align: middle;
	text-decoration: none
}
#play-button img {
	height: auto;
	width: 6.5rem
}
#play-button:hover img {
	filter: drop-shadow(0 0 .25rem #005587) drop-shadow(0 0 .2rem #005587) drop-shadow(0 0 .15rem #005587)
}
#carousel {
	width: 100%;
	height: 25rem;
	margin: auto;
	background-color: #000
}
#carousel h3, #carousel h3>div, #carousel h4, #carousel h4>div {
	font-weight: 200;
	line-height: 125%
}
@media only screen and (max-width:479px) {
	#carousel h3, #carousel h3>div, #carousel h4, #carousel h4>div {
		text-align: center!important;
		margin: 0!important
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#carousel {
		height: 24rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#carousel {
		height: 23rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#carousel {
		height: 19rem
	}
}
@media only screen and (max-width:479px) {
	#carousel {
		height: 30rem
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#carousel h3 {
		font-size: 2em
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#carousel h3 {
		font-size: 1.4em
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#carousel h3 {
		font-size: 1em
	}
}
@media only screen and (max-width:479px) {
	#carousel h3 {
		font-size: 1em
	}
}
#carousel h3 small, #carousel h4 small, #carousel small {
	margin-top: .5em;
	display: block;
	line-height: 125%!important
}
#carousel img {
	height: 19rem
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#carousel img {
		height: 18rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#carousel img {
		height: 17rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#carousel img {
		height: 12rem
	}
}
@media only screen and (max-width:479px) {
	#carousel img {
		height: 12rem;
		margin: .5rem 0
	}
}
#carousel .item {
	background-color: #000;
	height: 25rem;
	padding: 2rem
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#carousel .item {
		height: 24rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#carousel .item {
		height: 23rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#carousel .item {
		height: 19rem
	}
}
@media only screen and (max-width:479px) {
	#carousel .item {
		height: 30rem
	}
}
#carousel .carousel-flex {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch
}
@media only screen and (max-width:479px) {
	#carousel .carousel-flex {
		flex-direction: column;
		align-items: center
	}
}
.carousel-indicators {
	bottom: 0
}
.carousel-indicators li, .carousel-indicators li.active {
	margin: 0 .25rem
}
#section1 {
	background-size: auto 125%;
	background-position: 40% 90%
}
#section1 .container, #section1 .row, #section1 col-xs-12 {
	height: 100%
}
@media only screen and (max-width:479px) {
	#section1 {
		background-image: url("/images/gut-desk-xs.jpg");
		background-position: center 100%
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section1 {
		background-image: url("/images/gut-desk-xs.jpg")
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section1 {
		background-image: url("/images/gut-desk-sm.jpg")
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section1 {
		background-image: url("/images/gut-desk-md.jpg")
	}
}
@media only screen and (min-width:1200px) {
	#section1 {
		background-image: url("/images/gut-desk-lg.jpg")
	}
}
#section1 #playbox {
	height: 100%;
	position: relative;
	margin-top: -28vw
}
@media only screen and (max-width:479px) {
	#section1 #playbox {
		margin-top: -40vw
	}
}
#section1 #playtext {
	vertical-align: inherit
}
@media only screen and (min-width:1200px) {
	#section1 #playtext {
		font-size: 2rem
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section1 #playtext {
		font-size: 1.8rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section1 #playtext {
		font-size: 1.6rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section1 #playtext {
		font-size: 1.6rem
	}
}
#section1 .text-block {
	position: absolute;
	top: -50%;
	margin-top: -12%;
	color: #fff;
	text-shadow: 0 0 .25em #000, 0 0 .5em #000
}
@media only screen and (max-width:479px) {
	#section1 .text-block {
		margin-top: -5%;
		left: 0;
		width: 100%;
		text-align: center
	}
}
#section1 .text-block p {
	font-size: 3.6vw;
	font-weight: 200;
	margin: 0
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section1 .text-block p {
		font-size: 3.3vw
	}
}
@media only screen and (max-width:479px) {
	#section1 .text-block p {
		font-size: 3.4vw
	}
}
#section1 .text-block h2 {
	font-size: 4vw;
	font-weight: 600;
	margin: 0
}
@media only screen and (max-width:479px) {
	#section1 .text-block h2 {
		font-size: 9vw
	}
}
#section1 button {
	font-size: 2vw;
	font-weight: 600;
	margin-top: 2em
}
@media only screen and (max-width:479px) {
	#section1 button {
		margin-top: 1rem;
		font-size: 4vw
	}
}
#section2 .section2-column {
	z-index: 200
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section2 .section2-column {
		margin-top: -2rem;
		margin-bottom: -2rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section2 .section2-column {
		margin-top: -2rem;
		margin-bottom: -2rem
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section2 .section2-column {
		margin-top: -18rem;
		position: absolute
	}
}
@media only screen and (min-width:1200px) {
	#section2 .section2-column {
		margin-top: -23rem;
		position: absolute
	}
}
#section3 {
	padding-left: 0;
	padding-right: 0
}
#section3 .text-block {
	position: absolute;
	top: 3em;
	left: 3.25em
}
@media only screen and (max-width:479px) {
	#section3 .text-block {
		top: 1em;
		left: 10vw
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section3 .text-block {
		font-size: 1.1em
	}
}
@media only screen and (min-width:1200px) {
	#section3 .text-block {
		font-size: 1.5em
	}
}
#section3 .text-block h3 {
	font-size: 2em;
	line-height: 100%;
	margin: 0
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section3 .text-block h3 {
		font-size: 5vw
	}
}
@media only screen and (max-width:479px) {
	#section3 .text-block h3 {
		font-size: 5vw
	}
}
#section4 {
	margin-bottom: 2rem
}
#section4 div.vector-graphic {
	width: 50%;
	margin: -6em auto 0
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section4 div.vector-graphic {
		width: 55%;
		margin: -4em auto 0
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section4 div.vector-graphic {
		width: 55%;
		margin: -2.625em auto 0;
		width: 100%
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section4 div.vector-graphic {
		margin: -6em auto 0;
		width: 25%;
		float: right
	}
}
@media only screen and (max-width:479px) {
	#section4 div.vector-graphic {
		margin: 0 auto;
		width: 30%;
		float: right;
		margin-left: 1em
	}
}
#section4 div.vector-graphic img {
	width: 100%
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section4 div.vector-graphic img {
		border: .5em solid transparent
	}
}
@media only screen and (max-width:479px) {
	#section4 div.vector-graphic img {
		border: .5em solid transparent
	}
}
#section5 div.blueBar {
	background-color: #00a3e0;
	height: .75em;
	width: 9em;
	margin: 2em 0
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section5 div.blueBar {
		height: .5em;
		margin: 1em 0
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section5 div.blueBar {
		height: .5em;
		margin: 1em 0;
		width: 40%;
		margin: 0 auto
	}
}
@media only screen and (max-width:479px) {
	#section5 div.blueBar {
		height: .5em;
		margin: 1em 0;
		width: 40%;
		margin: 0 auto
	}
}
#section5 .whitebutton {
	margin-bottom: 1em
}
#section5 button {
	width: 50%;
	color: #000;
	background-color: #fff;
	border: 2px solid #000;
	padding: .5em;
	text-align: center
}
@media only screen and (max-width:479px) {
	#section5 button {
		width: 100%
	}
}
#section5 button:hover {
	background-color: #00a3e0;
	border-color: #00a3e0;
	color: #fff
}
#section5 button:hover .fa-chevron-right {
	color: #000
}
#section5 h3 {
	font-size: 3.5rem;
	margin: .5em 0
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section5 h3 {
		font-size: 2.9rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section5 h3 {
		font-size: 2.25rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section5 h3 {
		font-size: 7.5vw
	}
}
@media only screen and (max-width:479px) {
	#section5 h3 {
		font-size: 7.5vw
	}
}
#section5 h3.why {
	width: 76rem;
	color: #000;
	margin-top: .5em;
	padding: .6em 1.5em 0 2em
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section5 h3.why {
		padding: .6em 1.5em 0 2em;
		font-size: 2.3rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section5 h3.why {
		width: 100%;
		text-align: center;
		padding: 0;
		font-size: 5vw
	}
}
@media only screen and (max-width:479px) {
	#section5 h3.why {
		width: 100%;
		text-align: center;
		padding: 0;
		font-size: 7vw
	}
}
#section5 .subheading h3 {
	font-size: 2.5rem;
	line-height: 150%
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section5 .subheading h3 {
		font-size: 2rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section5 .subheading h3 {
		font-size: 4.5vw
	}
}
@media only screen and (max-width:479px) {
	#section5 .subheading h3 {
		font-size: 5.5vw
	}
}
#section5 h5 {
	font-size: 1.5rem;
	line-height: 125%
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section5 h5 {
		font-size: 1.5rem
	}
}
#section5 hr {
	width: 8em;
	margin: 2.5em 0
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section5 hr {
		margin: 1.5em 0
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section5 hr {
		margin: .75em 0
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section5 hr {
		margin: 1em auto
	}
}
@media only screen and (max-width:479px) {
	#section5 hr {
		margin: 1em auto
	}
}
#section5 div.subheading {
	margin-left: 10rem
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section5 div.subheading {
		margin-left: 8rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section5 div.subheading {
		text-align: center;
		margin-left: 0;
		margin-bottom: 1em
	}
}
@media only screen and (max-width:479px) {
	#section5 div.subheading {
		text-align: center;
		margin-left: 0;
		margin-bottom: 1em
	}
}
#section6 {
	margin-top: 3rem;
	margin-bottom: 3rem
}
@media only screen and (min-width:1200px) {
	#section6 h3 {
		margin-top: 5rem
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section6 h3 {
		margin-top: 3rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section6 h3 {
		margin-top: 1rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section6 h3 {
		margin-top: 0
	}
}
@media only screen and (max-width:479px) {
	#section6 img {
		display: none!important
	}
}
#section6 img.aspiration-innovation {
	margin: 0 auto;
	width: 55%;
	height: auto;
	padding-bottom: 1em
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section6 img.aspiration-innovation {
		width: 60%
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section6 img.aspiration-innovation {
		width: 90%
	}
}
#section6 .blue-button {
	margin: 2em 0;
	text-align: center;
	width: 100%;
	padding: .5em;
	color: #fff
}
@media only screen and (min-width:1200px) {
	#section6 .blue-button {
		width: 80%
	}
}
#section6 .blue-button:hover {
	background-color: #000
}
#section7 {
	margin-top: 2rem;
	margin-bottom: 2rem
}
#section7 h3 {
	margin-top: 0
}
#section7 .blue-button {
	margin: 2em 0;
	text-align: center;
	width: 80%;
	padding: .5em;
	color: #fff
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section7 .blue-button {
		width: 100%
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section7 .blue-button {
		width: 100%
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section7 .blue-button {
		width: 100%
	}
}
@media only screen and (max-width:479px) {
	#section7 .blue-button {
		width: 100%
	}
}
#section7 .blue-button:hover {
	background-color: #000
}
#section7 img {
	margin: 0 auto;
	width: 75%
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section7 img {
		width: 80%;
		margin-top: 2em
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section7 img {
		width: 90%;
		margin-top: 3.5rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section7 img {
		width: 100%
	}
}
@media only screen and (max-width:479px) {
	#section7 img {
		width: 100%
	}
}
#section8 button {
	width: 50%;
	padding: .5em;
	text-align: center
}
@media only screen and (max-width:479px) {
	#section8 button {
		width: 100%
	}
}
#section8 .text-block {
	margin-left: 5rem;
	margin-top: 5rem;
	width: 70rem
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section8 .text-block {
		margin-left: 5rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section8 .text-block {
		margin-left: -2rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section8 .text-block {
		width: 100%;
		margin-left: 0;
		text-align: center;
		margin-top: 0
	}
}
@media only screen and (max-width:479px) {
	#section8 .text-block {
		width: 100%;
		margin-left: 0;
		text-align: center;
		margin-top: 0
	}
}
#section8 div.blueBar {
	background-color: #00a3e0;
	height: .75em;
	width: 9em;
	margin: 2em 0
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section8 div.blueBar {
		height: .5em;
		margin: 1em 0
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section8 div.blueBar {
		height: .5em;
		margin: 1em 0;
		width: 40%;
		margin: 1rem auto
	}
}
@media only screen and (max-width:479px) {
	#section8 div.blueBar {
		height: .5em;
		margin: 1em 0;
		width: 40%;
		margin: 1rem auto
	}
}
#section8 button:hover {
	background-color: #00a3e0
}
#section8 button:hover .fa-chevron-right {
	color: #000
}
#section8 h3 {
	font-size: 3.65rem;
	margin: 0
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section8 h3 {
		font-size: 3rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section8 h3 {
		font-size: 2.6rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section8 h3 {
		font-size: 5vw
	}
}
@media only screen and (max-width:479px) {
	#section8 h3 {
		font-size: 5vw
	}
}
#section8 h3 .why {
	width: 120%;
	color: #000;
	margin-top: .5em;
	padding: .6em;
	padding-bottom: 0
}
@media only screen and (min-width:1200px) {
	#section8 h3 .why {
		padding: .6em 1.5em .6em 3em;
		font-size: 3rem
	}
}
@media only screen and (max-width:479px) {
	#section8 h3 .why {
		width: 100%;
		text-align: center;
		padding: .6em;
		font-size: 5vw
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section8 h3 .why {
		width: 100%;
		text-align: center;
		padding: .6em;
		font-size: 5vw
	}
}
#section8 div.subheading {
	margin-left: 4rem
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section8 div.subheading {
		margin-left: 3rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section8 div.subheading {
		margin-left: 2rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section8 div.subheading {
		text-align: center;
		margin-left: 0
	}
}
@media only screen and (max-width:479px) {
	#section8 div.subheading {
		text-align: center;
		margin-left: 0
	}
}
#section8 div.subheading h3 {
	font-size: 2.5rem;
	line-height: 150%;
	margin: 0
}
@media only screen and (min-width:1200px) {
	#section8 div.subheading h3 {
		font-size: 3rem
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section8 div.subheading h3 {
		font-size: 3rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section8 div.subheading h3 {
		font-size: 2.25rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section8 div.subheading h3 {
		font-size: 3rem
	}
}
#section8 .whitebutton {
	margin-bottom: 1em
}
#section8 h5 {
	font-size: 1.7rem;
	line-height: 125%
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section8 h5 {
		font-size: 1.5rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section8 h5 {
		font-size: 1.7rem
	}
}
@media only screen and (max-width:479px) {
	#section8 h5 {
		font-size: 1.7rem
	}
}
#section8 hr {
	width: 8em;
	margin: 2.5em 0
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section8 hr {
		margin: 1.5em 0
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section8 hr {
		margin: .75em 0
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section8 hr {
		margin: 1em auto
	}
}
@media only screen and (max-width:479px) {
	#section8 hr {
		margin: 1em auto
	}
}
#section9 {
	margin-bottom: 2rem
}
#section9, #section9 h3 {
	margin-top: 2rem
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section9 h3 {
		margin-top: 2rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section9 h3 {
		margin-top: 2rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section9 h3 {
		margin-top: 0
	}
}
@media only screen and (max-width:479px) {
	#section9 h3 {
		margin-top: 0
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section9 {
		margin-top: 0
	}
}
@media only screen and (max-width:479px) {
	#section9 img {
		display: none!important
	}
}
#section9 img.digital-dna {
	margin: 0 auto;
	width: 85%;
	height: auto;
	padding-bottom: 1em
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section9 img.digital-dna {
		width: 90%
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section9 img.digital-dna {
		width: 100%;
		margin-top: 7rem
	}
}
#section9 .white-button {
	margin: 2em 0;
	text-align: center;
	padding: .5em 2em;
	color: #fff
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section9 .white-button {
		width: 100%
	}
}
@media only screen and (max-width:479px) {
	#section9 .white-button {
		width: 100%
	}
}
#section9 .white-button :hover {
	background-color: #00f
}
#section10 .whiteBox {
	padding: .25em 2em 1em;
	width: 60%;
	margin-left: 35%;
	z-index: 200
}
@media only screen and (max-width:479px) {
	#section10 .whiteBox {
		width: 100%;
		margin-left: 0;
		margin-top: -3rem;
		margin-bottom: -3rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section10 .whiteBox {
		width: 100%;
		margin-left: 0;
		margin-top: -3rem;
		margin-bottom: -3rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section10 .whiteBox {
		width: 90%;
		margin-left: 5%;
		margin-top: -3rem;
		margin-bottom: -3rem
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section10 .whiteBox {
		margin-top: -18rem;
		position: absolute
	}
}
@media only screen and (min-width:1200px) {
	#section10 .whiteBox {
		margin-top: -23rem;
		position: absolute
	}
}
#section10 .blue-button {
	margin: 1em 0;
	text-align: center;
	padding: .5em 2em;
	color: #fff
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section10 .blue-button {
		width: 100%
	}
}
@media only screen and (max-width:479px) {
	#section10 .blue-button {
		width: 100%
	}
}
#section11 {
	margin-top: 6em
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section11 {
		margin-top: 11em
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section11 {
		margin-top: 3em
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section11 {
		margin-top: 2em
	}
}
@media only screen and (max-width:479px) {
	#section11 {
		margin-top: 2em
	}
}
#section12 .brandLogo {
	width: 100%;
	border: 1px solid hsla(0, 0%, 67%, .25);
	text-align: center;
	height: 15rem;
	display: flex;
	margin: .5em 0;
	cursor: pointer
}
#section12 .brandLogo:hover {
	border: 1px solid #000;
	background-color: hsla(0, 0%, 67%, .06)
}
#section12 .brandLogo.selected {
	border: 1px solid #00a3e0;
	background-color: rgba(0, 163, 224, .06)
}
#section12 .brandLogo:not(.selected) {
	-webkit-filter: grayscale(100%) brightness(50%);
	filter: grayscale(100%) brightness(50%)
}
#section12 .brandLogo img {
	width: 60%;
	margin: auto
}
#section12 .feature.row {
	margin-bottom: 1em
}
#section12 .feature.row:not(.selected) {
	display: none
}
#section12 .feature.row img {
	width: 100%;
	margin: auto
}
#section12 .feature.row h4 {
	font-size: 3rem
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section12 .feature.row h4 {
		font-size: 2.5rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section12 .feature.row h4 {
		font-size: 2.25rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section12 .feature.row h4 {
		font-size: 2.25rem
	}
}
@media only screen and (max-width:479px) {
	#section12 .feature.row h4 {
		font-size: 2.25rem
	}
}
#section12 .feature.row p {
	font-size: 2rem
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section12 .feature.row p {
		font-size: 1.75rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section12 .feature.row p {
		font-size: 1.5rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section12 .feature.row p {
		font-size: 1.5rem
	}
}
@media only screen and (max-width:479px) {
	#section12 .feature.row p {
		font-size: 1.5rem
	}
}
#section13 img {
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	margin-right: 1em
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section13 img {
		width: 10rem;
		height: 10rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section13 img {
		width: 10rem;
		height: 10rem;
		width: 7rem;
		height: 7rem
	}
}
#section13 h3 {
	font-size: 2.5rem
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section13 h3 {
		font-size: 2rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section13 h3 {
		font-size: 2rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section13 h3 {
		font-size: 2.5rem
	}
}
@media only screen and (max-width:479px) {
	#section13 h3 {
		font-size: 2.5rem
	}
}
#section13 h4 {
	margin: 0;
	font-size: 2rem
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section13 h4 {
		font-size: 1.75rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section13 h4 {
		font-size: 1.75rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section13 h4 {
		font-size: 2rem
	}
}
@media only screen and (max-width:479px) {
	#section13 h4 {
		font-size: 2rem
	}
}
#section13 a, #section13 p {
	margin: 0;
	font-size: 1.5rem
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section13 a, #section13 p {
		font-size: 1.5rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section13 a, #section13 p {
		font-size: 1.5rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section13 a, #section13 p {
		font-size: 1.5rem
	}
}
@media only screen and (max-width:479px) {
	#section13 a, #section13 p {
		font-size: 1.5rem
	}
}
#section13 .logos {
	padding: .25em 0
}
#section13 .logos a {
	color: #999;
	display: inline-flex;
	align-items: center;
	text-align: center;
	border: 2px solid #999;
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%
}
@media only screen and (min-width:1200px) {
	#section13 .logos a {
		font-size: 1.5rem
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	#section13 .logos a {
		font-size: 1.25rem
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#section13 .logos a {
		font-size: 1.5rem
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#section13 .logos a {
		font-size: 1.5rem
	}
}
#section13 .logos a :hover {
	background-color: #999;
	color: #fff;
	text-decoration: none
}
#section13 .logos a i {
	margin: auto
}
#section14 {
	padding-top: 1em;
	padding-bottom: 3em
}
@media only screen and (max-width:479px) {
	#section14 .social {
		text-align: center
	}
}
#section14 .social a {
	background-color: #aaa;
	color: #fff;
	display: inline-flex;
	align-items: center;
	text-align: center;
	border: 2px solid #aaa;
	text-decoration: none;
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%
}
@media only screen and (max-width:479px) {
	#section14 .social a {
		width: 3.5em;
		height: 3.5em
	}
}
#section14 .social a :hover {
	background-color: #fff;
	color: #aaa;
	text-decoration: none
}
#section14 .social a i {
	margin: auto
}
@media only screen and (max-width:479px) {
	#section14 .social a i {
		font-size: 2rem
	}
}
.plyr--vimeo {
	font-size: 0px!important;
}